<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  xmlns:th="http://www.thymeleaf.org"
  lang="zh-CN"
>
<head>
  <title>非法信息监测</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
  id="app" v-cloak
>
  <!--引入边框角-->
  <div th:replace="components/common-border-bg::common-border-bg"></div>
  <div class="con_mid">
    <div class="section-title"><i class="tit_ico1"></i>非法信息监测
      <div class="select">
        <select
          name="tableName"
          v-model="form.lastFoundTime"
          @change="searchPage"
        >
          <option
            :value="dateNow"
          >{{dateNow}}
          </option>
        </select>
      </div>
      <div class="select">
        <rx-select
          v-model="form.houseId"
          :map="houseMap"
          default-value="所在机房"
          @change="searchPage"
        ></rx-select>
      </div>
      <div class="select">
        <rx-select
          v-model="form.dangerLevel"
          :map="fieldFormatter.moIllegalInfo.dangerLevelMap"
          default-value="危险级别"
          @change="searchPage"
        ></rx-select>
      </div>
      <div class="select">
        <rx-select
          v-model="form.dealStatus"
          :map="fieldFormatter.moFilingSupervise.dealStatusMap"
          default-value="处置状态"
          @change="searchPage"
        ></rx-select>
      </div>
      <div class="select">
        <rx-select
          v-model="form.disposer"
          :map="sysUserMap"
          default-value="所有管理员"
          @change="searchPage"
        ></rx-select>
      </div>
      <a
        href="#"
        onclick="forward('/illegal-monitor/admin_illegal_file')"
        class="add"
      >文件列表</a>
      <a
        href="#"
        onclick="forward('/illegal-monitor/admin_illegal_stat')"
        class="add"
      >网站统计</a>
      <a
        @click="toggle"
        href="javascript:void(0);"
        id="search"
        class="add"
      ><i class="search_ico"></i>高级搜索</a>
    </div>
    <div
      class="search_con"
      v-show="formShow"
    >
      <table
        width="100%"
        align="center"
        cellpadding="0"
        cellspacing="0"
        class="digest-table"
        border="1"
      >
        <tbody>
        <tr>
          <td
            width="150"
            class="TitleTD"
          >应用IP：
          </td>
          <td
            width="500"
            class="ContentTD"
            align="left"
          >
            <input
              v-model="form.ip"
              name="destIp"
              type="text"
              class="input_text"
              size="30"
            >
            <rx-search-action
              v-model="form.ipAction"
              name="ipAction"
            ></rx-search-action>
          </td>
          <td
            width="150"
            class="TitleTD"
          >实际域名：
          </td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              v-model="form.accessDomain"
              name="domain"
              type="text"
              class="input_text"
              size="30"
            >
            <rx-search-action
              v-model="form.accessDomainAction"
              name="accessDomainAction"
            ></rx-search-action>
          </td>
        </tr>
        <tr>
          <td class="TitleTD">访问网址：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              v-model="form.accessUrl"
              name="url"
              type="text"
              class="input_text"
              size="30"
            >
            <rx-search-action
              v-model="form.accessUrlAction"
              name="accessUrlAction"
            ></rx-search-action>
          </td>
          <td class="TitleTD">非法信息：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <input
              v-model="form.illegalInfo"
              name="illegalInfo"
              type="text"
              class="input_text"
              size="30"
              value=""
            >
            <rx-search-action
              v-model="form.illegalInfoAction"
              name="illegalInfoAction"
            ></rx-search-action>
          </td>
        </tr>
        <tr>
          <td class="TitleTD">首次发现时间 ：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <rx-range-date
              v-model="form.firstFoundTimeRange"
              @change="arr => changeRangeDate('firstFoundTimeStart', 'firstFoundTimeEnd')(arr)"
            ></rx-range-date>
          </td>
          <td class="TitleTD">最近发现时间 ：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <rx-range-date
              v-model="form.lastFoundTimeRange"
              @change="arr => changeRangeDate('lastFoundTimeStart', 'lastFoundTimeEnd')(arr)"
            ></rx-range-date>
          </td>
        </tr>
        <tr>
          <td class="TitleTD">处置时间 ：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <rx-range-date
              v-model="form.dealTimeRange"
              @change="arr => changeRangeDate('dealTimeStart', 'dealTimeEnd')(arr)"
            ></rx-range-date>
          </td>
          <td class="TitleTD">危险系数：</td>
          <td
            class="ContentTD"
            align="left"
          >
            <rx-select
              v-model="form.dangerFactorAction"
              :map="fieldFormatter.form.sizeComparison"
              default-value="危险系数"
            ></rx-select>
            <input
              v-model="form.dangerFactor"
              name="illegalSum"
              type="text"
              class="input_text"
              size="30"
            >
          </td>
        </tr>
        <tr>
          <td
            colspan="4"
            align="center"
            class="ContentTD"
          >
            <input
              @click="searchPage"
              type="submit"
              class="btn_submit"
              name="Submit"
              value="查找"
            >
            <input
              @click="resetPage"
              type="reset"
              class="btn_submit"
              name="Submit"
              value="重置"
            >
          </td>
        </tr>

        </tbody>
      </table>
    </div>
    <div>
      <my-table
        :data="page.records"
        :columns="columns"
        @handle-selection-change="selection"
      >
      </my-table>
      <div class="pagination">
        <el-pagination
          background
          @size-change="changeSize"
          @current-change="goto"
          :current-page="page.current"
          :page-sizes="[10, 20, 30]"
          :page-size="page.size"
          layout="total, sizes, prev, pager, next, jumper"
          :total="page.total"
        >
        </el-pagination>
      </div>
    </div>
  </div>
</div>
<div layout:fragment="js">
  <script src="/static/js/component/FieldFormatterForm.js"></script>
  <script src="/static/js/component/SearchActionCondition.js"></script>
  <script src="/static/js/module/illegal-monitor/model/MoIllegalInfo.js"></script>
  <script src="/static/js/module/illegal-monitor/api/moIllegalInfoApi.js"></script>
  <script src="/static/js/module/system-config/api/sysUserApi.js"></script>
  <script src="/static/js/module/basic-data/api/baseHouseInfoApi.js"></script>
  <script src="/static/js/module/illegal-monitor/admin_illegal_stat.js"></script>
</div>
</body>
</html>
